<ul class="breadcrumb">
    <li><a href="http://fooplugins.com/plugins/footable-jquery/">FooTable</a> <span class="divider">&raquo;</span>
    </li>
    <li><a href="index.htm">Demos</a> <span class="divider">&raquo;</span></li>
    <li class="active">Showcase</li>
</ul>
<div class="col_12">


    <div class="col_12">
        <ul class="tabs left">
            <li><a href="#tabc1"><i class="icon-folder-open"></i>Configuraci&oacute;n</a></li>
            <li><a href="#tabc2"><i class="icon-folder-open"></i>Consecutivos</a></li>
            <li><a href="#tabc3"><i class="icon-folder-open"></i>Parametros</a></li>
        </ul>

        <div id="tabc1" class="tab-content">

            <label for="sqlAddress">SqlAddress:</label>

            <input pattern="[a-zA-Z]*" type="text" name="sqlAddress" id="sqlAddress" placeholder="SqlAddress" autocomplete="on" tabindex="1" class="txtinput">

            <label for="sqlAgent">SqlAgent:</label>

            <input pattern="[a-zA-Z]*" type="text" name="sqlAgent" id=sqlAgent" placeholder="SqlAgent" autocomplete="on" tabindex="2" class="txtinput">

            <label for="dbName">DB Name:</label>

            <input pattern="[a-zA-Z]*" type="text" name="dbName" id="dbName" placeholder="DB Name" autocomplete="on" tabindex="3" class="txtinput">

            <label for="puerto">Puerto COM:</label>

            <input pattern="[a-zA-Z]*" type="text" name="puerto" id="puerto" placeholder="Puerto COM" autocomplete="on" tabindex="4" class="txtinput">

            <label for="pulgadas">Pulgadas:</label>

            <select id="seleccionPulgadas" name="seleccionPulgadas" tabindex="5" class="selmenu">
                <option value="familia1">Pulgadas 1</option>
                <option value="familia2">Pulgadas 2</option>
                <option value="familia3">Pulgadas 3</option>
                <option value="familia4">Pulgadas 4</option>
            </select>
            <br/>
            <div class="col_12">
            <div class="col_4">
            <input type="submit" name="respaldo" id="respaldo" class="blue" tabindex="6" value="Respaldo"/>
            </div>
            <div class="col_4">
            <input type="submit" name="aplicar" id="aplicar" class="blue" tabindex="7" value="Aplicar"/>
            </div>
            <div class="col_4">
            <input type="submit" name="envio" id="envio" class="blue" tabindex="8" value="Envio"/>
            </div>
            <div class="col_4">
            <input type="submit" name="modem" id="modem" class="blue" tabindex="9" value="Modem"/>
            </div>
            <div class="col_4">
            <input type="submit" name="celular" id="celular" class="blue" tabindex="10" value="Celular"/>
            </div>
            </div>    

        </div>

        <div id="tabc2" class="tab-content">
            <label for="factura01">Factura01:</label>
            <input pattern="[a-zA-Z]*" type="text" name="factura01" id="factura01" placeholder="Factura01" autocomplete="on" tabindex="1" class="txtinput">
            <label for="factura20">Factura20:</label>
            <input pattern="[a-zA-Z]*" type="text" name="factura20" id="factura20" placeholder="Factura20" autocomplete="on" tabindex="2" class="txtinput">
            <label for="factura22">Factura22:</label>
            <input pattern="[a-zA-Z]*" type="text" name="factura22" id="factura22" placeholder="Factura22" autocomplete="on" tabindex="3" class="txtinput">
            <label for="factura30">Factura30:</label>
            <input pattern="[a-zA-Z]*" type="text" name="factura30" id="factura30" placeholder="Factura30" autocomplete="on" tabindex="4" class="txtinput">
            <label for="factura32">Factura32:</label>
            <input pattern="[a-zA-Z]*" type="text" name="factura32" id="factura32" placeholder="Factura32" autocomplete="on" tabindex="5" class="txtinput">
            <label for="factura34">Factura34:</label>
            <input pattern="[a-zA-Z]*" type="text" name="factura34" id="factura34" placeholder="Factura34" autocomplete="on" tabindex="6" class="txtinput">
            <label for="pedido">Pedido:</label>
            <input pattern="[a-zA-Z]*" type="text" name="pedido" id="pedido" placeholder="Pedido" autocomplete="on" tabindex="7" class="txtinput">
            <label for="pedidoRecarga">Pedido Recarga:</label>
            <input pattern="[a-zA-Z]*" type="text" name="pedidoRecarga" id="pedidoRecarga" placeholder="Pedido Recarga" autocomplete="on" tabindex="8" class="txtinput">
            <label for="devolucion">Devoluci&oacute;n:</label>
            <input pattern="[a-zA-Z]*" type="text" name="devolucion" id="devolucion" placeholder="Devoluci&oacute;n" autocomplete="on" tabindex="9" class="txtinput">
            <label for="dbName">Recibo:</label>
            <input pattern="[a-zA-Z]*" type="text" name="recibo" id="recibo" placeholder="Recibo" autocomplete="on" tabindex="10" class="txtinput">


        </div>

        <div id="tabc3" class="tab-content">
            <label for="codAgente">CODAgente:</label>
            <input pattern="[a-zA-Z]*" type="text" name="codAgente" id="codAgente" placeholder="Codigo Agente" autocomplete="on" tabindex="1" class="txtinput">

            <label for="compania">Compa&ntilde;ia:</label>
            <input pattern="[a-zA-Z]*" type="text" name="compania" id="compania" placeholder="Compa&ntilde;ia" autocomplete="on" tabindex="2" class="txtinput">

            <label for="bodega">Bodega:</label>
            <input pattern="[a-zA-Z]*" type="text" name="bodega" id="bodega" placeholder="Bodega" autocomplete="on" tabindex="3" class="txtinput">

            <label for="nombreAgente">Nombre Agente:</label>
            <input pattern="[a-zA-Z]*" type="text" name="nombreAgente" id="nombreAgente" placeholder="Nombre Agente" autocomplete="on" tabindex="4" class="txtinput">

            <label for="tipoRuta">Tipo Ruta:</label>
            <select id="seleccionTipoRuta" name="seleccionTipoRuta" tabindex="5" class="selmenu">
                <option value="familia1">Ruta 1</option>
                <option value="familia2">Ruta 2</option>
                <option value="familia3">Ruta 3</option>
                <option value="familia4">Ruta 4</option>
            </select>
            
            <label for="clienteNuevo">Cliente Nuevo:</label>
            <input pattern="[a-zA-Z]*" type="text" name="clienteNuevo" id="clienteNuevo" placeholder="Cliente Nuevo" autocomplete="on" tabindex="6" class="txtinput">

            <label for="bodegaMix">Bodega Mix:</label>
            <input pattern="[a-zA-Z]*" type="text" name="bodegaMix" id="bodegaMix" placeholder="Bodega Mix" autocomplete="on" tabindex="7" class="txtinput">

            <label for="listaPrecio">Lista Precio:</label>
            <input pattern="[a-zA-Z]*" type="text" name="listaPrecio" id="listaPrecio" placeholder="Lista Precio" autocomplete="on" tabindex="8" class="txtinput">


        </div>
    </div>
</div>
